/*
Theme Name: Livingspace
Theme URI:
Description:
Version: 1.0
Author: bob308
Author URI:
*/

/* Reset
******************************************************************************/
*              { margin:0; padding: 0; border: 0 none; outline: 0; font-size: 100%; vertical-align: baseline; }
body           { background: #fff; font:12px/18px arial; }
ol, ul, li     { list-style-type:none; margin: 0; padding: 0; }
a              { color:#000; text-decoration:none; }
a:hover        { color:#009ef8; text-decoration:none; }
a:active       { outline: none; }
a img, img     { border:0; }
table          { border-collapse: collapse; border-spacing: 0; }
del            { text-decoration: line-through; }
ins            { text-decoration: none; }
blockquote, q  { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus         { outline: 0; }


/* General */
body {
    background:url(images/body-tail.jpg) repeat center top;
}
h1 {font-size:35px;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {}
h5 {}

.wrapper {
    position: relative;
    width:1032px;
    margin:0 auto;
}

/* Page */
#page {
	/*margin:0 auto;*/
	/*width:1200px;*/
    /*border:1px solid #FF00FF;*/                                 /* розовий */
    background: url(images/header-tail.jpg) repeat-x 0 130px;
}

/* Header
******************************************************************************/
#header {
    /*margin:0 auto;*/
	/*width:1032px;*/
	height:620px;
	position:relative;
    background: url(images/slider-shadow.jpg) no-repeat center 513px;
}

/* Header - Info */
#header #header-info {
    position:absolute;
    top:20px;
    left:50px;
}
#header #header-info h1 {
    color:#fff;
    font-family:"Century Gothic", Verdana;                            /* H1 */
    padding-bottom:5px;
}
#header #header-info h1 a {
    display:block;
    width:350px;
    height:74px;
    color:#fff;
    text-decoration:none;
    background:url(images/logo_1.png) no-repeat;
    text-indent:-2000em;
}
#header #header-info .description {
    color:#fff;
    font:normal 20px "Century Gothic", Verdana;
    padding-left:50px;
}

/*--- Header - Feed ---*/
#header #header-feed {
    position:absolute;
    top:12px;
    right:25px;
    width:50px;
    height:50px;
    background: url(images/rss.jpg) no-repeat;
}

/*-- Header - spider --*/
#header #spider {
    width:55px;
    height:130px;
    position:absolute;
    left:410px;
    top:-42px;
    background: url(images/spider.png) no-repeat;
}
/*--- Header - Menu ---*/
#header #header-menu {
    position:absolute;
    right:30px;
    top:70px;
    z-index:5000;
}
#header #header-menu ul {
    margin:0;
    padding:0;
    list-style-type: none;
}
#header #header-menu ul li {
    cursor:pointer;
    float:left;
    margin-left:1px;
}
#header #header-menu ul li a {
    display:block;
    text-decoration:none;
    padding:0 15px;
    font-size:20px;
    text-align:center;
    line-height:60px;                                         /* висота меню */
    background:url(images/nav-bg.png);
    color:#d9d8d8;
}
#header #header-menu ul li:hover a {
    background:#b16913;                      /* при наведені оранжевий колір */
}
#header #header-menu ul li ul {
    display: none;
}
#header #header-menu ul li.current_page_item a {
    display:block;
    text-decoration: none;
    padding:0 15px;
    font-size:20px;
    text-align:center;
    line-height:60px;       /* висота меню */
    background:#b16913;                                  /* оранжевий в меню */
    color:#d9d8d8;
}

/*--- Header - kwicks gallery ---*/
.kwicks {
    /* recommended styles for kwicks ul container */
    list-style:none;
    position:absolute;
    top:180px;
    left:30px;
    margin:0;
    padding:0;
    overflow:hidden;
    z-index:1;
}
.kwicks li{
    width:162px;
    height:370px;
    /*do not change these */
    padding:0;
    display:block;
    overflow:hidden;
    float:left;
}
.kwicks li span {
    height:370px;
    width:13px;
    background:url(images/shadow.png) repeat-y right top;
    position:absolute;
    right:0;
    top:0;
    z-index:9999;
}
.kwicks.horizontal li {
    margin-right:5px; /*Set to same as spacing option. */
    float:left;
}
#kwick-1 {
    background-image:url(images/kwick-1act2.jpg);
}
#kwick-2 {
    background-image:url(images/kwick-2act2.jpg);
}
#kwick-3 {
    background-image:url(images/kwick-3act.jpg);
}
#kwick-4 {
    background-image:url(images/kwick-4act.jpg);
}
#kwick-5 {
    background-image:url(images/kwick-5act1.jpg);
}
#kwick-6 {
    background-image:url(images/kwick-6act.jpg);
}
.kwicks.horizontal #kwick-6 {
    margin-right:0;
}

/* Main
******************************************************************************/
#main {
    background: url(images/cont-tail.jpg);
}

/* Main - Content */
#content {
    float:left;
    width:690px;
    padding:35px 20px 0 21px;
    background:#fff;
    margin:0 10px 65px 30px;
    border: 1px solid #b8b0a8;
}

/* Main - Content - Post */
#content .post {
	float:left;
	margin-bottom:30px;
	width:685px;
}
#content .post a:hover {
    text-decoration:none !important;
}

/* Post - Title */
#content .post .post-title {
    width:685px;
    padding-bottom:10px;
    color:#000;
    font:normal 11px Century Gothic, Helvetica, Arial, sans-serif;
}
#content .post .post-title a {
    color:#ed870d;                                              /* оранжовий */
    text-decoration:none;
}
#content .post .post-title a:hover {
    text-decoration:underline;
}
#content .post .post-title h2 {
    width:610px;
    padding-left:18px;
    font: bold 25px Century Gothic, Helvetica, Arial, sans-serif;      /* H2 */
    padding-bottom:3px;
}
#content .post .post-title h2 a {
    color:#000;
    text-decoration:none;
}
#content .post .post-title h2 a:hover {
    color:#ed870d;                                              /* оранжевий */
    text-decoration:none;
}
#content .post .post-title .post-title-right {
    float:left;
}
#content .post .post-title .post-date {
    background: none repeat scroll 0 0 #0f0e0d;                /* коричневий */
    float:left;
    text-align:center;
    overflow: hidden;
    color:#ed870d;                                              /* оранжевий */
    text-transform: lowercase;
    width:50px;
    height:50px;
    margin-right:0px;
    text-transform: lowercase;
    font:bold 25px Century Gothic, Helvetica, Arial, sans-serif;
}
#content .post .post-title .post-date span {
    display:block;
    font-weight:bold;
    color:#b8b0a8;                                                 /* сірий */
    font-size:15px;
    text-align:center;
}
#content .post .post-title .post-title-info {
    height:20px;
    margin-left:18px;
    line-height:20px;
    padding-left:20px;
    background:url("images/post_title_info.gif") no-repeat left center;
}
#content .post .post-title .post-title-info a:hover {
    text-decoration:none;
    color:#000;                                                   /* чорний */
}
#content .post .post-title .post-title-info .post-title-info-item {
    width:70px;
    float:left;
    color:#b8b0a8;                                                 /* сірий */
}
#content .post .post-title .post-title-info .post-title-author {
    color:#ed870d;                                              /* оранжевий */
}
#content .post img {
    padding:0;
    border:3px solid #000;
}
#content .post img:hover {
    border:3px solid #ed870d;
}
#content .post ul {
    list-style:none;
    border-bottom: 2px solid #b8b0a8;
}
#content .post ul li.photo a {
    font:bold 25px Century Gothic, Helvetica, Arial, sans-serif;
    color:#000;
}
#content .post ul li.photo a:hover {
    text-decoration:none;
    color:#ed870d;                                             /* оранжевий */
}

/* Post - Entry */
#content .post .post-entry {
    font: normal 12px/19px Arial, Verdana;
    color:#000;
    width:680px;
    margin-bottom:20px;
}
#content .post .post-entry a {
    color:#ed870d;
    text-decoration:none;
}
#content .post .post-entry a:hover {
    text-decoration:underline;
}
#content .post .post-entry a.more-link {
    font-weight:bold;
}
#content .post .post-entry blockquote {
    border-left:5px solid #5D4137;
    margin:0px 30px;
    padding-left:15px;
}

/* Post - Info */
#content .post .post-info {
    clear:both;
    width:645px;
    height:23px;
    font:normal 11px/23px "Century Gothic", Verdana;
    color:#fff;
    padding:0 20px;
    background:url(images/post_info_comments-bg.gif);
}
#content .post .post-info a {
    color:#b8b0a8;                                                /* сірий */
    text-decoration:none;
}
#content .post .post-info a:hover {
    color:#ed870d;                                              /* оранжевий */
    text-decoration:underline;
}
#content .post .post-info .post-info-comments {
    float: right;
    padding-left: 25px;
    background: url(images/post_info_comments2.jpg) no-repeat;
}
#content .post .post-info .post-info-share {
    float: right;
    padding: 9px 0;
}
		
/* Post - Subtitle */
#content .post h3 {
    margin-top:20px;
    color: #000;
    font:bold 20px Tahoma, Verdana;
    border: 1px solid red;
}
		
/* Post - Comments ? */
#content .post .comments {
    font: normal 12px/19px Arial, Verdana;
    color: #301400;
    width: 618px;
}
#content .post .comments ol {
    margin: 10px 0;
    padding-left: 25px;
}
#content .post .comments ol li {
    padding: 5px;
}
#content .post .comments ol li a {
    color: #301400;
    text-decoration: none;
}
#content .post .comments ol li a:hover {
    text-decoration: underline;
}
#content .post .comments ol li cite {
    color: #301400;
    font-style: normal;
    font-weight: bold;
}
#content .post .comments ol li cite a {
    color: #301400;
    text-decoration: none;
}
#content .post .comments ol li cite a:hover {
    text-decoration: underline;
}
#content .post .comments ol li .commentmetadata a {
    color: #301400;
    text-decoration: none;
}
#content .post .comments ol li .commentmetadata a:hover {
    text-decoration: underline;
}
		
/* Post - Comment Form ? */
#content .post #commentform {
    font: normal 12px/19px Arial, Verdana;
    color: #301400;
    width: 593px;
    padding-left: 25px;
    margin: 0;
}
#content .post #commentform a {
    color: #301400;
    text-decoration: none;
}
#content .post #commentform a:hover {
    text-decoration: underline;
}
#content .post #commentform #comment {
    border:1px solid #b8b0a8;
}
#content .post #commentform input {
    border:1px solid #b8b0a8;
}

/* Main - Content - Navigation */
#content .navigation {
    float: left;
    font: bold 13px Arial, Verdana;
    color: #301400;
    width: 618px;
}
#content .navigation a {
    display:block;
    color:#fff;
    padding:5px;
    margin-bottom:15px;
    text-decoration:none;
    background: url(images/post_info_comments-bg.gif);
}
#content .navigation a:hover {
    text-decoration: none;
    color:#ed870d;
}
#content .navigation .navigation-previous {
    float: left;
}
#content .navigation .navigation-next {
    float: left;
    margin-left:10px;
}

/* Post - Contact form */
#content .post input {
    border:1px solid #b8b0a8;
}
#content .post .wpcf7 .wpcf7-form {
    padding:0 0 20px 100px;
}
#content .post .wpcf7 .wpcf7-form textarea {
    border:1px solid #b8b0a8;
}
#content .post .wpcf7 .wpcf7-form .wpcf7-submit {
    margin-top:20px;
}
#post-575 .post-title {
    display: none;
}

/* Main - Sidebar
*******************************************************************************/
#sidebar {
    float:left;
    width:230px;
    font: normal 13px/19px Arial, Verdana;
    color:#C08F3D;
    text-align:left;
}
#sidebar ul {
    list-style:none;
	line-height:220%;
	margin-bottom:10px;
}
#sidebar ul li {
    color:#fff;
    font:normal 14px/28px Arial, Verdana;
    background:url(images/tail-bg.png) repeat scroll 0 0 transparent;
    margin:0 0 2px 0;
}
#sidebar ul li a {
    display:block;
    color:#000;
    padding:0 0 0 35px;
    background:url(images/marker1.gif) no-repeat 12px 8px;
    text-decoration:none;
}
#sidebar ul li:hover {
    background:#666;
}
#sidebar ul li a:hover {
    text-decoration:none;
    color:#fff;
    text-decoration:none;
}
#sidebar .ngg-widget img:hover {
    border:2px solid #ed870d;                                  /* оранжевий */
}

/* Main - Sidebar - Menus - Submenus */
#sidebar ul li ul {
    padding:0;
}
#sidebar a {
    color:#000;
    text-decoration:underline;
}
#sidebar a:hover {
    text-decoration:underline;
}

/* Sidebar - Titles */
#sidebar h3 {
    color: #e9e9e9;
    padding:13px;
    background: url(images/title-tail.gif) repeat-x;
}


/* Main - Sidebar - Full Box */
/*#sidebar .full-box {
    width:200px;
    height:150px;
    padding:15px;
    background:url(images/tail-bg.png);
    margin-bottom:20px;
}
#sidebar .full-box .full-box-picture {
    width:74px;
    float:left;
}
#sidebar .full-box .full-box-text {
    width:210px;
    float:right;
    color:#000;
}*/

/* Sidebar - Search */
#sidebar #sidebar-search {
    position: relative;
    width: 230px;
    height: 50px;
    background: url(images/tail-bg.png);
    margin-bottom: 20px;
}
#sidebar #sidebar-search #search-form {
    position: absolute;
    top: 12px;
    left: 19px;
    margin: 0;
    padding: 0;
    width: 200px;
    height: 25px;
}
#sidebar #sidebar-search #sb {
    width: 145px;
    border: 0;
    padding: 4px 10px;
    font: normal 11px Arial, Verdana;
    color: #000;
    background:#fff;
    float: left;
    border: 1px solid #808080;                 /* сірий */
}
#sidebar #sidebar-search #searchsubmitb {
    background: url(images/search-button.png) no-repeat;
    border: none;
    width: 30px;
    height: 23px;
    padding: 0;
    float: right;
    cursor:pointer;
}

/* Main - Sidebar - Boxes sponsors */
#sidebar .sidebar-box {
    margin: 0 auto;
    /*width: 341px;*/
    /*height: 60px;*/
    margin-bottom: 20px;
}
#sidebar .sidebar-box .sidebar-sponsors .sidebar-sponsors-banner {
    border:1px solid #b8b0a8;
}
/*#sidebar .sidebar-box-search {
    width: 341px;
    height: 62px;
    margin-bottom: 25px;
}*/
/*#sidebar .sidebar-box-feed {
    width: 341px;
    height: 64px;
    margin-bottom: 20px;
}*/

/* Sidebar - Forms */
#sidebar #searchform {
    margin: 0;
    padding-top: 20px;
    text-align: center;
}
#sidebar #searchform #s {
    /*width: 279px;*/
}

/* Sidebar - Tables */
#sidebar #calendar_wrap {
    font-size: 120%;
    margin: 30px auto 0;
    width: 160px;
    color: #b16913;
}
#sidebar #calendar_wrap table {
    width: 160px;
}
#sidebar #calendar_wrap caption {
    font-weight: bold;
}
#sidebar #calendar_wrap tbody {
    text-align: right;
}
#sidebar #calendar_wrap tfoot #next {
    text-align: right;
}
#sidebar #calendar_wrap #today {
    font-weight: bold;
}
		
/* Sidebar - Texts */
#sidebar .textwidget {
padding: 0 25px;
}

/* Footer
******************************************************************************/
#footer {
	padding:10px 35px 10px 35px;
	color:#b8b0a8;
	font:normal 11px/22px Arial, Verdana;
    text-align:center;
}
#footer a {
	color:#b8b0a8;
	text-decoration:none;
    margin:0;
    padding:0;
}
#footer a:hover {
	text-decoration:none;
    color:#ed870d;
}

.clear {
    /*content:".";*/
    display:block;
    clear:both;
    height:0;
    font-size:0;
    line-height:0;
    visibility:hidden;
    overflow:hidden;
}